
/* 设置编码集：utf-8
统一页面效果：文本格式信息,超链接,列表
效果如下：父元素指定宽高：500x200，加边框1像素实线
        其余子元素：d1~d5 宽度100x100
		文字垂直居中，所有子元素浮动
		背景色，一个子元素一个值
*/
@charset "utf8";
*{
	font: 16px "微软雅黑";
	text-decoration: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
div#father{
	width: 499px;
	height: 200px;
	border: 10px solid red;
	/* 推荐采用溢出解决塌陷 */
	overflow: auto;
}
/*群组选择器,选复合条件元素*/
div.d1,div.d2,div.d3,div.d4,div.d5{
		width: 100px;
		height: 100px;	
		float: left;
		font-size: 25px;	
		text-align: center;
		
		}	
div#father div.d1{
	background: aqua; 
div#father div.d2{
	background: yellow;
	height: 101px;
}div#father div.d3{
	background: green;
}div#father div.d4{
	background: pink;
}div#father div.d5{
	background: red;
	/* 清除浮动： */
	cle ar: left;
}